@charset "utf-8";
/* CSS Document */

body { background-color: #F0F0F0; } ul { padding: 0; margin: 0;} li { list_style: none; } img { border: 0; }

.play {width:90%; height: 75%;  font: 12px Arial;   margin-top:7.5%;margin-left: 5%;}

.big_pic { width: 100%; height: 75%; overflow: hidden;background: #222; position: relative; }

.big_pic li { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; }

.mark_left { width: 50%; height: 100%; position:absolute; left: 0; top: 0;  filter: alpha(opacity:10); opacity: 0.1; z-index:0; }

.mark_right { width: 100%; height: 100%; position: absolute; left: 50%; top: 0;  filter: alpha(opacity:10); opacity: 0.1; z-index: 0; }

#jwxbigtothe { width: 100%; height: 100%; position: absolute; left: 0; top: 0;  filter: alpha(opacity:10); opacity: 0.1; z-index: 3000; }

.big_pic  { width:90%; height: 75%; position: absolute; z-index:-1; top: 0; left:0; margin-top:7.5%;margin-left: 5%;}
.big_pic img { width:100%; height:100%; }

.small_pic {width:75px; top: 75%; left:72%; height:20px; position:absolute; overflow: hidden; z-index: 3001; }
.small_pic ul { height:100%; position:absolute; top: 0; left: 0; }
.small_pic li { width: 25px; height: 100%; float: left; padding-right:5px; cursor: pointer; filter: alpha(opacity:30); opacity:0.3; }
.small_pic img { width:100%; height:100%; }